import { Meta, Story, Preview, Props } from "@storybook/addon-docs/blocks";
import AutoComplete from "components/AutoComplete";

<Meta title="Components/AutoComplete" component={AutoComplete} />

# AutoComplete

AutoComplete is used to highlight a message to user.

## Props

<Props of={AutoComplete} />

## Examples

Baisc usages of AutoComplete. Using type to specify styles.

<Preview>
  <Story name="basic autocomplete">
    <AutoComplete
      options={[
        "nginx.ingress.kubernetes.io/app-root",
        "nginx.ingress.kubernetes.io/affinity",
        "nginx.ingress.kubernetes.io/auth-realm",
        "nginx.ingress.kubernetes.io/auth-secret",
        "nginx.ingress.kubernetes.io/auth-type",
        "nginx.ingress.kubernetes.io/auth-tls-secret",
        "nginx.ingress.kubernetes.io/auth-tls-verify-depth",
        "nginx.ingress.kubernetes.io/auth-tls-verify-client",
        "nginx.ingress.kubernetes.io/auth-tls-error-page",
        "nginx.ingress.kubernetes.io/auth-tls-pass-certificate-to-upstream",
        "nginx.ingress.kubernetes.io/auth-url",
        "nginx.ingress.kubernetes.io/auth-snippet",
        "nginx.ingress.kubernetes.io/enable-global-auth",
        "nginx.ingress.kubernetes.io/backend-protocol",
        "nginx.ingress.kubernetes.io/canary",
        "nginx.ingress.kubernetes.io/canary-by-header",
        "nginx.ingress.kubernetes.io/canary-by-header-value",
        "nginx.ingress.kubernetes.io/canary-by-cookie",
        "nginx.ingress.kubernetes.io/canary-weight",
        "nginx.ingress.kubernetes.io/client-body-buffer-size",
        "nginx.ingress.kubernetes.io/configuration-snippet",
        "nginx.ingress.kubernetes.io/custom-http-errors",
        "nginx.ingress.kubernetes.io/default-backend",
        "nginx.ingress.kubernetes.io/enable-cors",
        "nginx.ingress.kubernetes.io/cors-allow-origin",
        "nginx.ingress.kubernetes.io/cors-allow-methods",
        "nginx.ingress.kubernetes.io/cors-allow-headers",
        "nginx.ingress.kubernetes.io/cors-allow-credentials",
        "nginx.ingress.kubernetes.io/cors-max-age",
        "nginx.ingress.kubernetes.io/force-ssl-redirect",
        "nginx.ingress.kubernetes.io/from-to-www-redirect",
        "nginx.ingress.kubernetes.io/http2-push-preload",
        "nginx.ingress.kubernetes.io/limit-connections",
        "nginx.ingress.kubernetes.io/limit-rps",
        "nginx.ingress.kubernetes.io/permanent-redirect",
        "nginx.ingress.kubernetes.io/permanent-redirect-code",
        "nginx.ingress.kubernetes.io/temporal-redirect",
        "nginx.ingress.kubernetes.io/proxy-body-size",
        "nginx.ingress.kubernetes.io/proxy-cookie-domain",
        "nginx.ingress.kubernetes.io/proxy-cookie-path",
        "nginx.ingress.kubernetes.io/proxy-connect-timeout",
        "nginx.ingress.kubernetes.io/proxy-send-timeout",
        "nginx.ingress.kubernetes.io/proxy-read-timeout",
        "nginx.ingress.kubernetes.io/proxy-next-upstream",
        "nginx.ingress.kubernetes.io/proxy-next-upstream-timeout",
        "nginx.ingress.kubernetes.io/proxy-next-upstream-tries",
        "nginx.ingress.kubernetes.io/proxy-request-buffering",
        "nginx.ingress.kubernetes.io/proxy-redirect-from",
        "nginx.ingress.kubernetes.io/proxy-redirect-to",
        "nginx.ingress.kubernetes.io/enable-rewrite-log",
        "nginx.ingress.kubernetes.io/rewrite-target",
        "nginx.ingress.kubernetes.io/satisfy",
        "nginx.ingress.kubernetes.io/secure-verify-ca-secret",
        "nginx.ingress.kubernetes.io/server-alias",
        "nginx.ingress.kubernetes.io/server-snippet",
        "nginx.ingress.kubernetes.io/service-upstream",
        "nginx.ingress.kubernetes.io/session-cookie-name",
        "nginx.ingress.kubernetes.io/session-cookie-path",
        "nginx.ingress.kubernetes.io/ssl-redirect",
        "nginx.ingress.kubernetes.io/ssl-passthrough",
        "nginx.ingress.kubernetes.io/upstream-hash-by",
        "nginx.ingress.kubernetes.io/x-forwarded-prefix",
        "nginx.ingress.kubernetes.io/load-balance",
        "nginx.ingress.kubernetes.io/upstream-vhost",
        "nginx.ingress.kubernetes.io/whitelist-source-range",
        "nginx.ingress.kubernetes.io/proxy-buffering",
        "nginx.ingress.kubernetes.io/proxy-buffers-number",
        "nginx.ingress.kubernetes.io/proxy-buffer-size",
        "nginx.ingress.kubernetes.io/ssl-ciphers",
        "nginx.ingress.kubernetes.io/connection-proxy-header",
        "nginx.ingress.kubernetes.io/enable-access-log",
        "nginx.ingress.kubernetes.io/lua-resty-waf",
        "nginx.ingress.kubernetes.io/lua-resty-waf-debug",
        "nginx.ingress.kubernetes.io/lua-resty-waf-ignore-rulesets",
        "nginx.ingress.kubernetes.io/lua-resty-waf-extra-rules",
        "nginx.ingress.kubernetes.io/lua-resty-waf-allow-unknown-content-types",
        "nginx.ingress.kubernetes.io/lua-resty-waf-score-threshold",
        "nginx.ingress.kubernetes.io/lua-resty-waf-process-multipart-body",
        "nginx.ingress.kubernetes.io/enable-influxdb",
        "nginx.ingress.kubernetes.io/influxdb-measurement",
        "nginx.ingress.kubernetes.io/influxdb-port",
        "nginx.ingress.kubernetes.io/influxdb-host",
        "nginx.ingress.kubernetes.io/influxdb-server-name",
        "nginx.ingress.kubernetes.io/use-regex",
        "nginx.ingress.kubernetes.io/enable-modsecurity",
        "nginx.ingress.kubernetes.io/enable-owasp-core-rules",
        "nginx.ingress.kubernetes.io/modsecurity-transaction-id",
        "nginx.ingress.kubernetes.io/modsecurity-snippet",
      ]}
    />
  </Story>
</Preview>
